<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小米商城</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 引入jQuery框架 -->
    <script src="../js/jQuery.mini.js"></script>
    <!-- 样式 -->
    <link rel="stylesheet" href="../css/goods1.css">
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/重置.css">
    <!-- font -->
    <link rel="stylesheet" href="../img/font_2617536_p6klllnaqt8/iconfont.css">
    <!-- 小米图标 -->
    <link rel="icon" href="../img/other/logo-mi2.png" type="image/x-icon">
</head>

<body>
    <header>
        <!-- load -->
    </header>
    <div id="details">
        <div class="center">
            <div class="details-left">
                <a href="">
                </a>
                <span> 丨 </span>
                <a href=""> </a>
                <span> 丨 </span>
                <a href=""> </a>
                <span> 丨 </span>
                <a href=""></a>
            </div>
            <div class="details-right">
                <a href="">概述</a>
                <span> 丨 </span>
                <a href="">参数</a>
                <span> 丨 </span>
                <a href="">F码通道</a>
                <span> 丨 </span>
                <a href="">咨询客服</a>
                <span> 丨 </span>
                <a href="">用户评价</a>
            </div>
        </div>
    </div>
    <main>
        <div id="magnifier">

            <div id="small-box">
                <button id="btnLeft"><</button>
                   <div class="one"> 
                    <img src="" alt="">
                   </div>
                <div id="shadow-box"></div>
                <button id="btnRight">></button>
            </div>
            <div id="big-box">
               <img src="" alt="">
            </div>
        

            <div id="dark">
                <ul>
                    
                </ul>
            </div>


          
        </div>
        <div id="introduction">
            <div class="title">
                <h3></h3>
                <span>「购机赠小米移动流量卡；下单抽奖至高赢小米70英寸电视」 </span>
                <h6>6.53"超大护眼屏幕 / 5000mAh长循环大电量 / 大音量扬声器 / 1300万AI相sdfdsfsdfdsfdsfsdfdsfsdfdsf机 / 人脸解锁 / G25八核处理器</h6><br>
                <b>小米自营</b><br>
                <i></i> <strong>元</strong>
            </div>
            <div class="address">
                <span class="iconfont icon-icon-test"></span><i>陕西 西安市 高新区 科技路 </i>&nbsp;&nbsp;&nbsp;<a href="">修改</a><br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>有现货</b>
            </div>
            <div class="color">
                <p>选择颜色</p>
                <ul>
                    
                </ul>
            </div>
            <div class="version">
                <p>选择版本</p>
                <ul>
                    
                </ul>
            </div>
            <div class="sure">
                <p>Redmi 9A 4GB+64GB 砂石黑</p>
                <span>599元</span>
                <h4>总计：<em></em>元</h4>
            </div>
            <div class="buy">
                <span>加入购物车</span>
                <b> <span class="iconfont icon-xin"></span>&nbsp;喜欢</b>
            </div>
            <div class="text">
                <span class="iconfont icon-dui"></span>小米自营&nbsp;
                 <span class="iconfont icon-dui"></span>小米发货&nbsp;
                 <span class="iconfont icon-dui"></span>7天无理由退货&nbsp;
                 <span class="iconfont icon-dui"></span>运费说明&nbsp;
                 <span class="iconfont icon-dui"></span>企业信息&nbsp;
                 <span class="iconfont icon-dui"></span>售后服务政策&nbsp;
                 <span class="iconfont icon-dui"></span>7天价格保护
            </div>

        </div>
    </main>
    <div id="price">
        <div>
            <p>价格说明</p>
            <div class="con">
               <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a482afa34053b1b32ece1023475af7fb.jpeg" alt="">
            </div>
        </div>
    </div>
    <footer>
        <!-- load -->
    </footer>

</body>

</html>
<script src="../js/cookie.js"></script>
<script src="../js/goods1.js"></script>
